<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="referrer" content="no-referrer" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4755959_f8qmwnq3z8.css"
    />
    <link rel="icon" type="image/x-icon" href="./img/logo.jpg" />
    <link rel="stylesheet" href="./style/public.css" />
    <link rel="stylesheet" href="./style/message.css" />
    <title>消息</title>
  </head>
  <body>
    <header class="bg-fff flex p-15">
      <h1 class="f24 flex aic">消息</h1>
      <div class="search flex aic rel ml-10">
        <input type="text" placeholder="搜索联系人" />
        <i class="iconfont icon-sousuo abs f30"></i>
      </div>
    </header>
    <main >
      <ul class="list flex bg-fff p-15 jc-sb mt-10">
        <li class="item flex aic fdc">
          <img src="./img/订阅提醒.png" alt="" /><span class="mt-5 f14 lh15">订阅提醒</span>
        </li>
        <li class=" item flex aic fdc">
          <img src="./img/面试邀请.png" alt="" /><span class="mt-5 f14 lh15">面试邀请</span>
        </li>
        <li class=" item flex aic fdc">
          <img src="./img/投递进展.png" alt="" /><span class="mt-5 f14 lh15">投递进展</span>
        </li>
        <li class=" item flex aic fdc">
          <img src="./img/对我感兴趣.png" alt="" /><span class="mt-5 f14 lh15">对我感兴趣</span>
        </li>
      </ul>
      <div class="message-list mt-10 bg-fff p-15  flex bb2">
        <img src="https://assets2.myjiedian.com/mobile-v2/beta/assets/img_user_default-e8c7c744.svg" alt="">
        <div class="message-info w100p  lh15 ml-15 pb-20">
            <p class=" flex jc-sb "><span>南通安仟云贸易有限公司</span><span class="c888 f12">2天前</span></p>
            <p class="f14 c888 mt-10"><span>您好，请问最近在找工作吗？</span></p>
        </div>
      </div>
      <div class="message-list  bg-fff p-15  flex bb2">
        <img src="https://assets2.myjiedian.com/mobile-v2/beta/assets/img_user_default-e8c7c744.svg" alt="">
        <div class="message-info w100p  lh15 ml-15 pb-20">
            <p class=" flex jc-sb "><span>萨科斯德智能机械科技有限公司</span><span class="c888 f12">2天前</span></p>
            <p class="f14 c888 mt-10"><span>简历发来给我</span></p>
        </div>
      </div>
      <div class="message-list  bg-fff p-15  flex">
        <img src="https://assets2.myjiedian.com/mobile-v2/beta/assets/img_user_default-e8c7c744.svg" alt="">
        <div class="message-info w100p  lh15 ml-15 pb-20">
            <p class=" flex jc-sb "><span>一品机械电子有限公司</span><span class="c888 f12">2天前</span></p>
            <p class="f14 c888 mt-10"><span>有消息通知您！</span></p>
        </div>
      </div>
    </main>
    <p class="f14 c888 fcc mt-20"><span>没有更多了</span></p>
    <div style="height: 60px"></div>
    <footer class="flex jc-sa aic lh15 bg-fff pt-5 pb-5 fixed w100p">
      <a href="./index.html" class="index flex fdc aic">
        <i class="iconfont icon-shouye"></i><span class="f14">首页</span>
      </a>
      <a href="./position.html" class="index flex fdc aic">
        <i class="iconfont icon-position"></i><span class="f14">职位</span>
      </a>
      <a href="./enterprise.html" class="index flex fdc aic">
        <i class="iconfont icon-ic_business_enterprise24px"></i
        ><span class="f14">企业</span>
      </a>
      <a href="./message.html" class="index flex fdc aic active">
        <i class="iconfont icon-xiaoxi"></i><span class="f14">消息</span>
      </a>
      <a href="./my.html" class="index flex fdc aic">
        <i class="iconfont icon-wode"></i><span class="f14">我的</span>
      </a>
    </footer>
  </body>
</html>
